import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../views/Login'
import Home from '../views/Home'
import Welcome from '../views/Welcome'
import Users from '../views/user/Users'
import Rights from '../views/power/Rights'
import Roles from '../views/power/Roles'
import Cate from '../views/goods/Cate'
import Params from '../views/goods/Params'
import GoodsList from '../views/goods/List'
import Add from '../views/goods/Add'
import Order from '../views/order/Order'
import Report from '../views/report/Report'


Vue.use(VueRouter)

const routes = [
  {path:'/',redirect:'/login'}, //重定向到login
  {path:'/login',name:'Login',component:Login},
  {
    path:'/home',
    name:'Home',
    component:Home,
    redirect:'/welcome',
    children:[
      {path:'/welcome',name:'Welcome',component:Welcome,},
      {path:'/users',name:'Users',component:Users,},
      {path:'/rights',name:'Rights',component:Rights,},
      {path:'/roles',name:'Roles',component:Roles,},
      {path:'/categories',name:'Cate',component:Cate,},
      {path:'/params',name:'Params',component:Params,},
      {path:'/goods',name:'GoodsList',component:GoodsList,},
      {path:'/goods/add',name:'Add',component:Add},
      {path:'/orders',name:'Order',component:Order},
      {path:'/reports',Report:'Order',component:Report},
    ]
  }

]

const router = new VueRouter({
  routes
})

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数，表示放行  next()放行   next('/login')强制跳转
  if(to.path === '/login') return next();
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if(!tokenStr) return next('/login');
  next()

})

export default router
